<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>登录</title>
<link rel="stylesheet" href="${ctxPath}/static/portal/css/reset.css">
<link rel="stylesheet" href="${ctxPath}/static/portal/css/main-zsb.css">
<script src="${ctxPath}/static/js/jquery.min.js?v=2.1.4"></script>
</head>
<body>
	<form action="${ctxPath}/portal/login" method="post" id="loginform">
		<div class="login">
			<h1>2018年吴中区中考志愿网上填报系统</h1>
			<div class="login-box">
				<div class="login-box-wrapper">
					<div class="errordiv"
						style="color: red; text-align: center; height: 24px; line-height: 24px;">${message!}</div>
					@if(isEmpty(messageFalg)){
		                 <div class="login-line">
						<label><i>准考证号</i><input type="text" name="username"
							id="examCardNumber" /></label>
					</div>
					<div class="login-line">
						<label><i>考生密码</i><input type="password" id="password"
							name="password" /></label>
					</div>
					@if(kaptcha.getPortalKaptchaOnOff() == true){
					<div class="login-line">
						<label><i>验证码</i><input type="text" style="width: 115px;"
							id="verification" name="kaptcha" />
							<div class="yzm-code">
								<img src="${ctxPath}/kaptcha" id="kaptcha" width="100%"
									height="100%"/>
							</div></label>
					</div>
					@}
					<div class="login-line">
						<input type="button" id='loginbtn' value="登录">
					</div>
					<div class="login-notes">
						<h2>温馨提示</h2>
						<p>1.登陆后自行修改个人密码并妥善保管，避免他人恶意修改</p>
						<p>2.若考生忘记密码，请联系老师找回密码</p>
						<p>3.请考生在规定时间内完成志愿填报</p>
						<p>4.建议使用IE10以上或chrome浏览器</p>
					</div>         
		             @}
				</div>
			</div>

			<div class="copyright" style="text-align: center;color:#fff;margin-top: 14em;">
				<p>©版权所有 苏州格尔斯信息技术有限公司</p>

			</div>

		</div>
	</form>

	<script type="text/javascript">
		$("#kaptcha")
				.on(
						'click',
						function() {
							$("#kaptcha").attr(
									'src',
									'${ctxPath}/kaptcha?'
											+ Math.floor(Math.random() * 100))
									.fadeIn();
						});
		$("#loginbtn").click(function() {
			var examCardNumber = $("#examCardNumber").val();
			var password = $("#password").val();
			var verification = $("#verification").val();
			if (examCardNumber == "") {
				$(".errordiv").html("请输入准考证号");
				return false;
			}
			if (password == "") {
				$(".errordiv").html("请输入考生密码");
				return false;
			}
			if (verification == "") {
				$(".errordiv").html("请输入验证码");
				return false;
			}
			$("#loginform").submit();
		});
	</script>
</body>
</html>